<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
 String path = request.getContextPath();
 String basePath = request.getScheme() + "://"
         + request.getServerName() + ":" + request.getServerPort()
         + path;
 request.setAttribute("basePath", basePath);
%>
<!DOCTYPE html>
<html lang="zh-cn">
  <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="Author" contect="http://www.webqin.net">
   <title>公告快讯</title>
   <link rel="shortcut icon" href="images/favicon.ico" />

   <!-- Bootstrap -->
   <base href="${basePath}/staticbefore/">
   <link href="css/bootstrap.min.css" rel="stylesheet">
   <link href="css/style.css" rel="stylesheet">
   <link href="css/response.css" rel="stylesheet">
   <link href="css/silde.css" rel="stylesheet">
   <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
   <!--[if lt IE 9]>
   <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
   <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
   <![endif]-->
  </head>
  <body>
  <c:import url="head.jsp"></c:import>
     
     <div class="content">
      <div class="width1003">
       <div class="content-left">
        <h2 class="left-title">新闻公告</h2>
        <ul class="leftNav">
         <li class="leftNavCur"><a href="news.html">新闻</a></li>
         <li><a href="${basePath}/boardlist.action">公告</a></li>
        </ul>
        <div class="lefticon">
         <a href="javascript:;"><img src="images/icon1.jpg" /><br />联系</a>
         <a href="javascript:;"><img src="images/icon2.jpg" /><br />投诉</a>
         <a href="javascript:;"><img src="images/icon3.jpg" /><br />下载</a>
         <a href="javascript:;"><img src="images/icon4.jpg" /><br />招聘</a>
        </div>
       </div><!--content-left/-->
       <div class="content-right">
        <h1 class="right-title">${board.title}</h1>
           <div id="content" style="">
               ${board.content}
           </div>

       </div><!--content-right/-->
       <div class="clearfix"></div>
      </div><!--width1003/-->
     </div><!--content/-->
    <c:import url="foot.jsp"></c:import>
     <div class="copy">
		Copyright © 2021 10-31
     </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/style.js"></script>
    <!--焦点轮换-->
	<script src="js/jquery.excoloSlider.js"></script>
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
    </script>
    <script type="text/javascript">
	 $(function(){
		 //导航定位
		 $(".nav li:eq(5) a:first").addClass("navCur");
		 })
	</script>
    
  </body>
</html>